import { Button } from 'antd';
import React, { useState } from 'react'
// import ContextTypePage from './ContextTypePage'
import ConsumerPage from './ConsumerPage';
import { ThemeProvider, UserProvider } from "../Context";
import UserContextPage from './UserContextPage';
export default () => {
    const [theme, setTheme] = useState({ themeColor: "red" })
    const [user, setUser] = useState({ name: "UZI" })
    return (
        <div>
            <h1>ContextPage</h1>
            <Button type='primary'>primary Button</Button>
            <ThemeProvider value={theme}>
                <UserProvider value={user}>
                    {/* <ContextTypePage /> */}
                    <ConsumerPage />
                    <UserContextPage />
                </UserProvider>
            </ThemeProvider>
        </div>
    )
}